<template>
  <div>
    <div class="content">
      <div class="my">
        <div class="myinfo">
          <img src='../../assets/images/user.png' alt />
          <div class="user">
            <p>用户</p>
          </div>
        </div>
        <div class="iconlist">
          <div>我的订单</div>
          <div>优惠券</div>
          <div>我的足迹</div>
          <div @click="mycollect">我的收藏</div>
          <div @click="toaddress">地址管理</div>
          <div>联系客服</div>
          <div>帮助中心</div>
          <div>意见反馈</div>
          
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods:{
    toaddress(){
      this.$router.push('/cart/address')
    },
    mycollect(){
      this.$router.push('/my/collect')
    }
  }
};
</script>

<style lang="scss" scoped>
.content {
  height: calc(100% - 1.33333rem);
  overflow: auto;
  margin-top: 0;
  .myinfo {
    width: 100%;
    height: 3.73333rem;
    display: flex;
    align-items: center;
    background: #333;
    padding: 0 0.4rem;
    box-sizing: border-box;
    img {
      height: 1.97333rem;
      width: 1.97333rem;
      border-radius: 50%;
    }
    .user {
      margin-left: 0.4rem;
    }
  }
  .iconlist {
    display: flex;
    align-items: center;
    background: #fff;
    flex-wrap: wrap;
    div {
      width: 33.33%;
      padding: 0.66667rem 0;
      text-align: center;
      border-right: 0.01333rem solid rgba(0, 0, 0, 0.15);
      border-bottom: 0.01333rem solid rgba(0, 0, 0, 0.15);
      box-sizing: border-box;
    }
  }
}
</style>